<template>
  <el-config-provider :size="size" :z-index="zIndex">
    <div class="nk-container">
      <!-- 头部 -->
      <Header />
      <router-view />
      <!-- 尾部 -->
      <Footer />
    </div>
  </el-config-provider>
</template>

<script>
import { defineComponent } from 'vue'
import { ElConfigProvider } from 'element-plus'
import Header from '@/components/Header.vue'
import Footer from '@/components/Footer.vue'

export default defineComponent({
  components: {
    ElConfigProvider,
  },
  setup() {
    return {
      zIndex: 3000,
      size: 'small',
    }
  },
})
</script>

<style scoped>
</style>
